
/* 导航栏 */
.van-nav-bar{
    border: solid 3px black;
    padding: 10px;
    display: flex;
    justify-content: space-between;
}
/* 按钮 */
.van-button { /* 按钮美化 */
	width: 270px; /* 宽度 */
	height: 40px; /* 高度 */
	border-width: 0px; /* 边框宽度 */
	border-radius: 5px; /* 边框半径 */
	background: #1E90FF; /* 背景颜色 */
	cursor: pointer; /* 鼠标移入按钮范围时出现手势 */
	outline: none; /* 不显示轮廓线 */
	font-family: Microsoft YaHei; /* 设置字体 */
	color: white; /* 字体颜色 */
	font-size: 17px; /* 字体大小 */
}
.van-button:hover { /* 鼠标移入按钮范围时改变颜色 */
	background: #5599FF;  
}


/* van-loading */
.van-loading{
    width: 150px;
    height: 15px;
    margin: 0 auto;
    margin-top:100px;
}
.van-loading span{
    display: inline-block;
    width: 15px;
    height: 100%;
    margin-right: 5px;
    background: lightgreen;
     transform-origin: right bottom;
     animation: load 1s ease infinite;
}
.van-loading span:last-child{
    margin-right: 0px; 
}
@keyframes load{
    0%{
        opacity: 1;
         transform: scale(1);
    }
    100%{
        opacity: 0;
         transform: rotate(90deg) scale(.3);
    }
}
.van-loading span:nth-child(1){
    
     animation-delay:0.13s;
   
}
.van-loading span:nth-child(2){
     animation-delay:0.26s;
}
.van-loading span:nth-child(3){
     animation-delay:0.39s;
}
.van-loading span:nth-child(4){
     animation-delay:0.52s;
}
.van-loading span:nth-child(5){
     animation-delay:0.65s;
}

/* 弹框 tips */

.van-tips {
    background: black;
    opacity: .5;
    color: #fff;
    position: fixed;
    bottom: 20%;
    left: 50%;
    padding: 10px;
    border-radius: 10px;
  }
